import { Carousel, Popover } from 'antd';
import React, { useState } from 'react';
import {
  Routes,
  Route,
} from "react-router-dom";
import './App.css'
import Remove from './remove'
const Index = ()=>{
  const [index, setIndex] = useState(0)
  const onChange = (currentSlide, next) => {
    setIndex(next);
  };
  return (
    <div className="App">
      
      <div className='bg' style={{
        backgroundImage: `url(./banner/BG_0${index+1}.jpg)`
      }}>
        <div className='context'>
          <div className='logo'></div>
          <div className='slogan'>
            <div className='meboo'></div>
            <div>Chat on Meboo,</div>
            <div>date in life</div>
          </div>
          <div className='download'>
            <img src='./googleplay.png' onClick={() => { }} />
            <img src='./appstore.png' onClick={() => { }} />
          </div>
          <div className='w'>
            <div className='option'>
              <a href='./Meboo+terms+v1.0.html' target="_blank" className='option_item'><img src='./Terms.png' />Terms</a>
              <Popover content={'contact@imeboo.com'}>
                <div className='option_item'><img src='./Help.png' />Help</div>
              </Popover>
              <a href='./Meboo+Privacy+Policy1.0.html' target="_blank"  className='option_item'><img src='./PrivacyPolicy.png' />PrivacyPolicy</a>
            </div>
            <div className='option'>
              @2023 www.imeboo.com
            </div>
          </div>
        </div>
      </div>
      <Carousel beforeChange={onChange} className='carousel' autoplay autoplaySpeed={5000} easing='ease'>
        {[...new Array(5).keys()].map((_, index) => <div key={index+'key'}>
          <div className='banner' style={{
            backgroundImage: `url(./banner/BG_0${index + 1}.jpg)`
          }}></div>
        </div>)}

      </Carousel>
    </div>
  )
}
const App = () => {
 
  return <Routes>
  <Route path="/" element={<Index />} />
    <Route path="/remove" element={<Remove />} />
</Routes>
  
}

export default App;